.layui-bg-black {
	background-color: #262f44
}

.main-nav {
	position: fixed;
	top: 70px;
	bottom: 0;
	z-index: 105;
	width: 145px;
	padding-top: 14px;
	padding-top: 1rem;
	background-color: #262f44
}

.layui-side-scroll {
	width: 145px;
	height: 100%
}

.layui-nav-tree {
	width: 100%;
	padding: 0
}

.layui-nav {
	position: relative;
	padding: 0;
	background-color: #262f44;
	color: #fff;
	border-radius: 3px;
	font-size: 0;
	box-sizing: border-box !important
}

.layui-nav-item {
	display: block;
	width: 100%;
	line-height: 45px
}

.layui-nav-item {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	line-height: 45px;
	font-size: 15px;
}

.layui-nav-item a {
	height: 45px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.layui-nav-item a {
	display: block;
	padding: 0 20px;
	color: #fff
}

.layui-nav-item a i {
	margin-right: 10px
}

.layui-nav-item a cite {
	font-style: normal
}

.layui-nav-item>.layui-nav-child {
	position: absolute;
	left: 145px;
	background: #19589f;
	top: -58px;
	top: -5rem;
	display: inline-block;
	z-index: 120;
	min-width: 122px;
	min-width: 8rem;
	display: none;
	padding-top: 10px;
	padding-top: .85rem;
	padding-bottom: 10px;
	padding-bottom: .85rem;
	box-shadow: 3px 3px 3px #ddd
}

.layui-nav-item>.layui-nav-child dd {
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	display: block
}

.layui-nav-item>.layui-nav-child dd a {
	font-size: 14px;
	font-size: .85rem
}

.layui-nav-item>.layui-nav-child dd.layui-this,
.layui-nav-item>.layui-nav-child dd:hover {
	background: #488fd2
}

.layui-nav-item>.layui-nav-child dd.split {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	height: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	margin-left: 5px;
	margin-right: 5px
}

.layui-nav-item:hover .layui-nav-child {
	display: block
}

.layui-nav-child span {
	color: #ffd100
}

.layui-nav-item:hover {
	background-color: #19589f;
	color: #fff
}

.layui-nav-tree .layui-nav-child dd.layui-this:hover,
.layui-nav-tree .layui-nav-child dd.layui-this a:hover {
	background: #488fd2
}

.layui-nav .layui-nav-item em {
	display: inline-block;
	position: absolute;
	right: 12px;
	right: 1rem;
	top: 55%;
	top: 2%\9;
	font-size: 12px;
	font-size: .6em;
	transform: translateY(-50%);
	font-style: normal
}

.layui-tab {
	position: fixed;
	z-index: 105;
	left: 170px;
	left: 11rem;
	top: 48px;
	top: 3rem
}

.layui-tab li {
	display: inline-block;
	background: #488fd2;
	border-radius: 3px 3px 0 0;
	padding: 0 21px;
	font-size: 12px;
	font-size: .8rem;
	line-height: 21px;
	height: 1.5rem;
	border-top: 1px solid #b3d6fe;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-top: -1px
}

.layui-tab li a {
	color: #fff
}

.layui-tab li a:hover {
	text-decoration: underline
}

@media all and (max-width:1280px) {

	.main-nav,
	.layui-side-scroll {
		width: 42px;
		width: 3rem;
		transition: 0s ease-out;
		-webkit-transition: 0s ease-out
	}

	.layui-nav-item a {
		padding: 0 0
	}

	.layui-nav-item {
		padding-left: 14px;
		padding-left: 1rem
	}

	.layui-side a i {
		margin-right: 0;
		font-size: 14px;
		font-size: 1rem
	}

	.layui-nav-item cite,
	.main-nav .layui-nav-item em {
		display: none
	}

	.layui-body {
		margin-left: 42px;
		margin-left: 3rem
	}

	.main-nav:hover,
	.layui-side-scroll:hover {
		width: 145px;
		transition: .25s ease-out;
		-webkit-transition: .25s ease-out
	}

	.main-nav:hover .layui-nav .layui-nav-item a {
		padding: 0 20px
	}

	.main-nav:hover .layui-nav-item cite {
		display: inline-block
	}

	.main-nav:hover .layui-nav-item em {
		display: inline-block;
		font-size: 12px
	}

	.main-nav:hover .layui-nav .layui-nav-item {
		padding-left: 0
	}

	.main-nav:hover a i {
		margin-right: 7px;
		margin-right: .5rem;
		font-size: 12px;
		font-size: .95rem;
		display: inline-block
	}
}